import httpx

import reflex as rx


class State(rx.State):
    loading: bool = False
    content: str = ""
    
    def on_change(self, c):
        self.content = c
        print(f"Content: {c}")

    def on_focus(self):
        print("Focused!")

    def on_blur(self, c):
        print(f"Blurred! content len={len(c)}")

    def toggle_code_view(self, c):
        print(f"Code view toggled! {c}")

    def toggle_full_screen(self, c):
        print(f"Full screen toggled! {c}")

    def load_content(self):
        self.loading = True
        yield
        self.content = httpx.get("http://example.com/").text
        self.loading = False


def index() -> rx.Component:
    return rx.fragment(
        rx.color_mode_button(rx.color_mode_icon(), float="right"),
        rx.vstack(
            rx.editor(
                set_contents=State.content,
                set_options=rx.EditorOptions(
                    button_list=[
                        ["undo", "redo"],
                        ["font", "fontSize", "formatBlock"],
                        ["fontColor", "hiliteColor"],
                        ["bold", "underline", "italic", "strike", "subscript", "superscript"],
                        ["removeFormat"],
                        "/",
                        ["outdent", "indent"],
                        ["align", "horizontalRule", "list", "table"],
                        ["link"],
                        ["fullScreen", "showBlocks", "codeView"],
                        ["preview", "print"],
                    ]
                ),
                width="75vw",
                height="50vh",
                on_change=State.on_change,
                on_focus=State.on_focus,
                on_blur=State.on_blur,
                toggle_code_view=State.toggle_code_view,
                toggle_full_screen=State.toggle_full_screen,
            ),
            rx.cond(
                State.loading,
                rx.spinner(),
                rx.button("Load External Content", on_click=State.load_content),
            ),
        ),
    )


app = rx.App()
app.add_page(index)
app.compile()